<!DOCTYPE html>
<html lang="en">
<head>
    <title>记账本</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="../util/flex.js"></script>
    <meta name="format-detection" content="telephone=no"/>
    <link type="text/css" rel="stylesheet" href="../util/fonts/fonts.css">
    <link type="text/css" rel="stylesheet" href="../css/layout.css">
    <script type="text/javascript" src="../util/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../util/fonts/iconfont.js"></script>
    <script type="text/javascript" src="../util/hogan.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>
</head>
<body>
<div class="headerpage"></div>
<script>
    $(function(){
        $(".headerpage").load("./common/header.html",function(){
            $('.head-til').text('产品详情');
            $('.return-prebtn').click(function () {
                window.history.back(-1);
            })
        });
    });
</script>
<div class="product-dt mg0  font28" style="margin-top:0.2667rem ">
    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">客户姓名:</p>
            <a class="fl name-data">李思思</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">借款金额:</p>
            <a class="fl col-blue font24">12.22</a>
        </div>
    </div>

    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">借款起始时间:</p>
            <a class="fl col-blue font24">2018/02/03</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">借款到期时间:</p>
            <a class="fl col-blue font24">2018/12/03</a>
        </div>
    </div>

    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">项目周期:</p>
            <a class="fl col-blue">10个月</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">还款比例:</p>
            <a class="fl col-blue">20%</a>
        </div>
    </div>

    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">未还期数:</p>
            <a class="fl col-blue">10个月</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">距到期期日期:</p>
            <a class="fl col-blue">10天</a>
        </div>
    </div>

    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">利率:</p>
            <a class="fl col-blue">3%/每月</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">项目总收益:</p>
            <a class="fl col-blue font24">12000.09元</a>
        </div>
    </div>
</div>

<div class="product-dt mg0 font28" style="margin-top:0.2667rem">
    <div class="product-row mg0  font28">
        <div class="product-rowl fl">
            <p class="fl">每期应付收益:</p>
            <a class="fl col-blue font24">9000000.89元</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">距下次还款日:</p>
            <a class="fl col-blue">45天</a>
        </div>
    </div>
    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">剩余未付收益:</p>
            <a class="fl col-blue font24">9000000.89元</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">剩余未还本金:</p>
            <a class="fl col-blue">4900.89元</a>
        </div>
    </div>
    <div class="product-row mg0">
        <div class="product-rowl fl">
            <p class="fl">免还金额:</p>
            <a class="fl col-blue font24">900.89元</a>
        </div>
        <div class="product-rowr flr">
            <p class="fl">逾期情况:</p>
            <a class="fl name-data">点击查看</a>
        </div>
    </div>
</div>

<div class="product-dt mg0 font28" style="margin-top:0.2667rem">
    <div class="product-row mg0  font28">
        <div class="product-rowl fl">
            <p class="fl">项目还款记录</p>
        </div>
    </div>
    <div class="product-row mg0">
        <div class="pay-recordl fl">2018年08月23日还款3000.78元</div>
        <div class="pay-recordr flr">
            <svg class="icon font31 col9" aria-hidden="true"><use xlink:href="#icon-shanchu"></use></svg>
        </div>
    </div>
    <div class="product-row mg0">
        <div class="pay-recordl fl">2018年08月23日还款3000.78元</div>
        <div class="pay-recordr flr">
            <svg class="icon font31 col9" aria-hidden="true"><use xlink:href="#icon-shanchu"></use></svg>
        </div>
    </div>
    <div class="product-row mg0">
        <div class="pay-recordl fl">2018年08月23日还款3000.78元</div>
        <div class="pay-recordr flr">
            <svg class="icon font31 col9" aria-hidden="true"><use xlink:href="#icon-shanchu"></use></svg>
        </div>
    </div>
        <a class="end-dt mg0">
            <span>
              <svg class="icon font31 col9" aria-hidden="true"><use xlink:href="#icon-shanchu-copy"></use></svg>
            </span>
            <span>删除此笔业务</span>
        </a>

</div>
<div style="clear: both"></div>
</body>
</html>
<!--Created by malinyu on 2018/9/26.-->
